

.topic-list {
    border: 1px solid #dedede ;
}
.topic-title {
    background: #0d6efd ;
    color: #ffffff ;
    font-size: 16px ;
    line-height: 40px ;
}
.topic-item {
    border-bottom: 1px solid #dedede ;
    line-height: 30px ;
}
.topic-item:last-child {
    border-bottom: none ;
}

/* 注意两个选择器之间没有任何空白 */
.topic-item.even {
    background: #f8f8f8;
}
.topic-item.odd {
    background: #ffffff;
}

.topic-item:hover {
    background: #efefef;
}

.pagination-wrapper {
    display: flex ;
    align-items: center;
    margin: 15px auto;
    padding: 0;
}

.pagination-wrapper>div {
    flex-basis: 30%;
    text-align: left ;
}
.pagination-wrapper>ul {
    flex-basis: 70%;
}